<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ArrayFlat</title>
</head>
<body>
    
    <script type="module">
        // import {flat, reduceFlat} from './js/11_ArrayFlat/arrayFlat.js'

        // 第1次手写
        // import {flat, reduceFlat} from './js/11_ArrayFlat/arrayFlat1.js'

        // 第2次手写
        // import {flat, reduceFlat} from './js/11_ArrayFlat/arrayFlat2.js'

        // 第3次手写
        // import {flat, reduceFlat} from './js/11_ArrayFlat/arrayFlat3.js'

        // 第4次手写
        // import {flat, reduceFlat} from './js/11_ArrayFlat/arrayFlat4.js'

        import {flat, reduceFlat} from './js/11_ArrayFlat/arrayFlat7.js'

        const arr = [1, 2, 3, 4, [1, 2, 3, [1, 2, 3, [1, 2, 3]]], 5, "string", { name: "我是个人名" }];
        console.log(`concatflat: ${flat(arr)}`)
        const arr1 = [1, 2, 3, 4, [1, 2, 3, [1, 2, 3, [1, 2, 3]]], 5, "string", { name: "我是个人名" }];
        console.log(`reduce1: ${reduceFlat(arr1)}`)
        const arr2 = [1, 2, 3, 4, [1, 2, 3, [1, 2, 3, [1, 2, 3]]], 5, "string", { name: "我是个人名" }];
        console.log(`reduce2: ${reduceFlat(arr2, 3)}`)

    </script>
</body>
</html>